<script setup lang="ts">
import { ref } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn')
const locale = ref(zhCN)
</script>

<template>
  <a-config-provider :locale="locale">
    <router-view #default="{ Component }">
      <transition
        name="fade"
        enter-active-class="animate__animated animate__backInDown"
      >
        <component :is="Component"></component>
      </transition>
    </router-view>
  </a-config-provider>
</template>

<style>
.hidden {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
::v-deep(.ant-table-thead) {
  position: sticky;
  top: 0px;
  z-index: 1;
}
img {
  overflow: hidden !important;
  object-fit: cover !important;
}

/* 滚动条 */
body *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body *::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 2px;
}
body *::-webkit-scrollbar-thumb {
  background: rgb(205, 206, 206);

  border-radius: 10px;
}
body *::-webkit-scrollbar-thumb:hover {
  background: #333;
}
body *::-webkit-scrollbar-corner {
  background: #fff;
}
</style>
